<?php defined('IN_YuLin') || exit('NO PERMIT!'); ?>
{template index/header}
	<div class="container mgt15" s="[object Object]">
		<div class="lotteryHead fix">
			<div class="lotterySlider defaultImg">
				<div class="slideBox">
					<div class="bd">
						<div class="tempWrap">
							<div class="tempWrap layui-carousel" id="test1" style="overflow: hidden; position: relative; width: 800px;">
								<ul carousel-item>
									{loop $picRes as $k=>$v}
										<li><a class="curr"><img src="{$v['bn_pic']}"></a></li>
									{/loop}
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="winnerListCon">
				<h3 class="color">风云榜</h3>
				<div class="winnerListSlide">
					<div class="bd" id="id_winnerList_box">
						<ul id="id_win_order" class="winnerList" style="top: -180px; transition: all 0.3s linear 0s;"></ul>
					</div>
				</div>
				<div class="cardBox" style="display: none;"></div>
			</div>
		</div>
		<div class="lotteryLine fix">
			<i></i><em></em>
		</div>
		<style type="text/css">
			.layui-this{
				background: #fff;
				border-radius: 5px 5px 0 0;
				margin-top: 3px;
				height: 37px
			}
			.layui-this a{
				color: #333 !important;
				border-color: #fff !important;
				margin-top: 10px !important;
			}
		</style>
		<div class="lotteryContent slideTabBox">
			<ul class="lotteryNav hd fix" id="tabHeader">
				<li class="layui-this"><a href="javascript:void(0);">热门</a></li>
				<li class=""><a href="javascript:void(0);">全部</a></li>
				{loop $cateIdKey as $ck => $cv}
					<li class=""><a href="javascript:void(0);">{$cv['name']}</a></li>
				{/loop}
			</ul>
			<div id="tabBody">
				<div class="bd layui-tab-item layui-show">
					<ul class="lotteryList fix">
						{loop $lottList as $key => $value}
							{if $value['recommend'] == 1}
								<li class="ClickShade"><a href="javascript:void(0);"><i class="iconfont {$cateIdKey[$value['cate_id']]['tags']}"></i>
        							<div class="lotteryDetail">
        								<h4>{$value['title']}</h4>
        								<em>{$value['per_explain']}</em>
        							</div>
        							</a>
        							<div class="lotteryNow">
        								<a href="{U('index/' . $value['ptid'], array('id' => $value['id']))}" class="now MustLogin">立即投注</a>
        								<a class="help" onclick="newOwindow('index.php?m=index&c=lotteryHall&a=explain&id={$value['id']}');" href="javascript:void(0);"><i class="iconfont"></i></a>
        								<span class="helpTip" style="display: none;"><em>玩法说明</em></span>
        							</div>
        						</li>
							{/if}
						{/loop}
					</ul>
				</div>
				<div class="bd layui-tab-item">
					<ul class="lotteryList fix">
						{loop $lottList as $av}
							<li class="ClickShade">
								<a>
									<i class="iconfont {$cateIdKey[$av['cate_id']]['tags']}"></i>
									<div class="lotteryDetail">
										<h4>{$av['title']}</h4><em>{$av['per_explain']}</em>
									</div>
								</a>
								<div class="lotteryNow">
									<a href="{U('index/' . $av['ptid'], array('id' => $av['id']))}" class="now MustLogin">立即投注</a> 
									<a class="help" onclick="newOwindow('index.php?m=index&c=lotteryHall&a=explain&id={$av['id']}');" href="javascript:void(0);"><i class="iconfont"></i></a> 
									<span class="helpTip" style="display: none;">
										<em><a href="index.php?m=index&c=lotteryHall&a=explain&id={$av['id']}">玩法说明</a></em>
									</span>
								</div>
							</li>
						{/loop}
					</ul>
				</div>
				{loop $lottCateKey as $lk => $lv}
					<div class="bd layui-tab-item">
    					<ul class="lotteryList fix">
    						{loop $lv as $r}
    							<li class="ClickShade">
    								<a>
    									<i class="iconfont {$cateIdKey[$r['cate_id']]['tags']}"></i>
    									<div class="lotteryDetail">
    										<h4>{$r['title']}</h4><em>{$r['per_explain']}</em>
    									</div>
    								</a>
    								<div class="lotteryNow">
<!--     									<a href="index.php?m=index&c={$r['ptid']}&a={$r['ename']}" class="now MustLogin">立即投注</a>  -->
										<a href="{U('index/' . $r['ptid'], array('id' => $r['id']))}" class="now MustLogin">立即投注</a>
    									<a class="help" onclick="newOwindow('index.php?m=index&c=lotteryHall&a=explain&id={$r['id']}');" href="javascript:void(0);"><i class="iconfont"></i></a> 
    									<span class="helpTip" style="display: none;">
    										<em><a href="index.php?m=index&c=lotteryHall&a=explain&id={$r['id']}">玩法说明</a></em>
    									</span>
    								</div>
    							</li>
    						{/loop}
    					</ul>
    				</div>
				{/loop}
			</div>
		</div>
	</div>

	<script type="text/javascript">
    	layui.use('element', function(){	
    	  	var element = layui.element;
    	  	element.tab({
    		  headerElem: '#tabHeader>li' //指定tab头元素项
    		  ,bodyElem: '#tabBody>.bd' //指定tab主体元素项
    		});             		
    	});
    	layui.use('carousel', function(){
		  var carousel = layui.carousel;
		  //建造实例
		  carousel.render({
		    elem: '#test1',
		    width: '800px',
		    height: '238px', //设置容器宽度
		    arrow: 'none' //始终显示箭头
		    //,anim: 'updown' //切换动画方式
		  });
		});
    	var baseUrl = "{U('json/func_index')}";
    </script>
    <script src="static/js/index/lottery_hall_init.js"></script>
{template index/footer}

